* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body, #root {
    width: 100%;
    height: 100%;
    font-size: 16px;
    background: #eef0f3;
}

li, a {
    list-style: none;
    text-decoration: none;
    color: black;
}

@media screen and (max-width: 600px) {
    html, body, #root {
        width: max-content !important;
        height: max-content !important;
        min-width: 100% !important;
        min-height: 100% !important;
    }
}

/*侧边栏*/
.left {
    width: 247px;
    height: 100%;
    background: #001529;
}

/*logo*/
.logo {
    width: 100%;
    height: 100px;
    background: #00213f;
    font-size: 1.56rem;
    line-height: 100px;

    & a {
        width: 100%;
        height: 100px;
        color: white;
        display: block;
        position: relative;

        & img {
            height: 43px;
            position: absolute;
            top: 27px;
            left: 16px;
        }

        & span {
            padding-left: 65px;
        }
    }
}

.left .nav_div {
    width: 100%;
    height: calc(90% - 100px);
    min-height: 600px;

    & ul li {
        width: 100%;
        color: rgba(255, 255, 255, 0.66);
        line-height: 60px;
        font-size: 1.06rem;
    }

    & p {
        margin-left: 27px;
        line-height: 60px;
        position: relative;

        & i:nth-of-type(1) {
            margin-right: 12px;
        }

        & i:nth-of-type(2) {
            position: absolute;
            right: 22px;
        }
    }
}

/*初始默认隐藏子导航*/
.nav_child {
    overflow: hidden;
    max-height: 0;
    padding-left: 10px;
    transition: max-height 700ms;

    & p {
        font-size: 0.8rem;
    }
}

/*动态显示子导航*/
.current_nav {
    max-height: 360px;
    transition: max-height 1500ms;
}